{% extends 'basic.html' %}

{% block header %}
{% if items %}
<h1>Specjalnie dla Ciebie <small> wybierz interesujące Cię pozycje</small></h1>
{% else %}
<h1>Nie znaleziono <small> spróbuj ponownie bądź wybierz coś z polecanych</small></h1>
{% endif %}
{% endblock %}

{% block content %}
{% if items %}
<table class="table table-hover">
    <thead>
        <tr>
            <th>Tytuł</th>
            <th>Autor</th>
            <th>Nośnik</th>
            <th>Zamów</th>
        </tr>
    </thead>
    <tbody>
    {% for item in items %}
    <tr {% if not item.is_available%}class="muted"{% endif %}>
        <td>{{item.title}}</td>
        <td>{{item.author}}&nbsp;<a href="/query/?query={{item.author}}&media=all&author=true"><i class="icon-share-alt" title="Więcej tego autora"></i></a></td>
        <td>{{item.media.as_icon|safe}}</td>
        <td>
            <a class="btn btn-primary order{% if not item.is_available%} disabled{% endif %}" {% if not request.user.is_authenticated %}href="/login/?next={{request.path}}" data-toggle="modal"{% endif %} data-value="{{item.id}}" data-loading-text="Czekaj">Zamów</a>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>
{% endif %}
<h2>Polecane <small>to może Cię zainteresować</small></h2>
{% if items_ref %}
<table class="table table-hover">
    <thead>
        <tr>
            <th>Tytuł</th>
            <th>Autor</th>
            <th>Nośnik</th>
            <th>Zamów</th>
        </tr>
    </thead>
    <tbody>
    {% for item in items_ref %}
    <tr {% if not item.is_available%}class="muted"{% endif %}>
        <td>{{item.title}}</td>
        <td>{{item.author}}&nbsp;<a href="/query/?query={{item.author}}&media=all&author=true"><i class="icon-share-alt" title="Więcej tego autora"></i></a></td>
        <td>{{item.media.as_icon|safe}}</td>
        <td>
            <a class="btn btn-primary order{% if not item.is_available%} disabled{% endif %}" {% if not request.user.is_authenticated %}href="/login/?next={{request.path}}" data-toggle="modal"{% endif %} data-value="{{item.id}}" data-loading-text="Czekaj">Zamów</a>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>
{% endif %}

{% endblock %}

{% block sidebar %}
    <div class="well">
    Kliknij przycisk "Zamów" przy interesującej Cię pozycji.
    </div>
    <div class="well">
    Kliknij tytuł, by zobaczyć więcej szczegółów.
    </div>
    <div class="well">
    Kliknij strzałkę przy autorze, by zobaczyć więcej jego dzieł.
    </div>
{% endblock %}
